<template>
	<div class="wrap">
	<xcl-header :show="loading.show" :call-back="()=>{}" :page-title="pageTitle" :header-right="headerRight"></xcl-header>
	<div class="content">		
		<div class="card-title">投资范围</div>
		<div class="card" style="margin:0">
		    <div class="card-content" style="min-height:7rem">
		      <div class="card-content-inner">{{productRisk.nvestment}}</div>
		    </div>
		</div>
		<div class="card-title">产品详述</div>
		<div class="card" style="margin-top:0">
		    <div class="card-content" style="min-height:7rem">
		      <div class="card-content-inner">{{{productRisk.product_brief}}}</div>
		    </div>
		</div>
	</div>
	</div>
</template>
<script>
	import xclHeader from '../components/header.vue'
	let ProductProxy = require("../proxy/product_proxy");
	let product = new ProductProxy;
	export default {
		data(){
			return{
				pageTitle:'产品说明',
				productSId:this.$route.params.sid,
				productRisk:{},
				loading:{
                    show:false,
                    showTxt:'数据加载中...'
                }
			}
		},
		ready(){
			this.getProductTips();
		},
		methods:{
			getProductTips(){
				var _this=this;
				product.getProductRiskControlMap(_this.productSId,function(data){
					if(data.code === 200 && data.results){
						_this.productRisk=data.results[0];
					}
				});
			}
		},
		components:{
           "xclHeader":xclHeader,          
        }
	}
</script>
<style lang="stylus">
ul{
	margin:0;
	padding:0;
	list-style: none;
}
.descrip-item{
	padding: 0.5rem 0;
	margin:0 0.3rem;
  	border-bottom: 1px solid #dadada;
}
.card-title{
	padding:0.3rem 0.5rem;
	font-size:0.75rem;
}
</style>